.property-container {
	width: 100%;
	height: 100%;
	.dataScreen {
		background: #0d0e16;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		// transition: transform 0.3s;
		transform-origin: left top;
		.property-main {
			position: absolute;
			top: 110px;
			height: 90%;
			display: flex;
			width: 100%;
			padding: 17px 27px 17px;
			background: url("@/assets/screenImg/leaderImg/leaderBg.png") no-repeat;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
			.dataScreen-lf {
				width: 30%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/leftBg.png") no-repeat;
				background-size: 100% 100%;
				.lf-top,
				.lf-center,
				.lf-bottom {
					position: relative;
					width: 100%;
				}
				.lf-top {
					height: 28%;
					display: flex;
					flex-direction: column;
					.lf-top-cn {
						flex: 1;
						display: flex;
						flex-wrap: wrap;
						padding: 0 10px;
						.left-item {
							width: 50%;
							display: flex;
							justify-content: center;
							align-items: center;
							.left-icon {
								flex: 2;
								margin-right: 2%;
								img {
									background: url("@/assets/screenImg/leaderImg/starsBg.gif")
										no-repeat;
									background-size: 80% 70%;
									background-position-x: center;
									background-position-y: top;
								}
							}
							.right-desc {
								flex: 5;
								> .img {
									display: flex;
									align-items: center;
									span {
										font-size: 12px;
									}
									div {
										display: flex;
										margin-left: 5px;
									}
								}
								> .text {
									margin-top: 5px;
									white-space: nowrap;
								}
							}
						}
					}
				}
				.lf-center {
					height: 30%;
					display: flex;
					flex-direction: column;
					.lf-center-cn {
						flex: 1;
						display: flex;
						padding: 10px 10px 0 10px;
						.center-left {
							display: flex;
							justify-content: center;
							align-items: center;
							position: relative;
							> img {
								background: url("@/assets/screenImg/leaderImg/starsBg.gif")
									no-repeat;
								background-size: 80% 70%;
								background-position-x: center;
								background-position-y: top;
							}
							> div {
								position: absolute;
								display: flex;
								flex-direction: column;
								align-items: center;
								top: 20%;
								div {
									margin-top: 10px;
								}
							}
						}
						.center-right {
							display: flex;
							flex-direction: column;
							justify-content: space-around;
							margin-left: 10%;
							> div {
								display: flex;
							}
						}
					}
				}
				.lf-bottom {
					height: 42%;
					display: flex;
					flex-direction: column;
					.lf-bottom-cn {
						flex: 1;
						padding: 0px 20px 25px 20px;
					}
				}
			}
			.dataScreen-ct {
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
				.ct-top {
					flex: 1;
					display: flex;
					flex-direction: column;
					.ct-top-cn {
						flex: 1;
						padding: 20px 20px;
						position: relative;
						.top-cn-bottom {
							display: flex;
							font-size: 12px;
							color: #d3e3ff;
							line-height: 18px;
							padding-top: 40px;
							> div {
								margin-left: 20px;
								display: flex;
								align-items: center;
								&:nth-child(1) {
									margin-left: 0px;
								}
								span {
									&:nth-child(1) {
										display: inline-block;
										width: 7px;
										height: 7px;
										border-radius: 50%;
										&.darkblue {
											background: #1671c0;
										}
										&.blue {
											background: #0ff1f4;
										}
										&.red {
											background: #c01616;
										}
										&.green {
											background: #34c016;
										}
										&.pink {
											background: #c016ba;
										}
									}
									&:nth-child(2) {
										margin-left: 5px;
										white-space: nowrap;
										&.active {
											color: #1671c0;
										}
									}
								}
							}
						}
					}
				}
				.ct-bottom {
					flex: 2;
					.ct-bottom-cn {
						background: #191d33;
						height: calc(100% - 60px);
						position: relative;
						.desc1 {
							width: 25%;
							height: 20%;
							padding: 10px 0;
							font-size: 12px;
							color: #b5edff;
							line-height: 18px;
							background: url("@/assets/screenImg/propertyImg/center/ps1.png")
								no-repeat;
							background-size: 100% 100%;
							position: absolute;
							display: flex;
							flex-direction: column;
							justify-content: space-around;
							align-items: center;
							top: 10px;
							left: 10px;
							z-index: 1;
						}
						.icon-item {
							position: absolute;
							cursor: pointer;
							:deep(.el-popover) {
								border: none;
								padding: 0;
								background: url("@/assets/screenImg/propertyImg/center/ps2.png")
									no-repeat;
								background-size: 140% 111%;
								background-position: 63% 126%;
								left: -6px !important;
								bottom: 0 !important;
								.el-popover__title {
									font-size: 18px;
									font-weight: 500;
									color: #c8e2ff;
									line-height: 27px;
									padding: 10px 40px 0 20px;
									margin-bottom: 10px;
								}
								.desc2 {
									padding-bottom: 60px;
									.content {
										padding: 0 60px 0 30px;
										font-size: 14px;
										color: #c8e2ff;
										line-height: 21px;
										height: 100%;
										display: flex;
										flex-direction: column;
										justify-content: space-between;
										span {
											display: inline-block;
											padding: 5px 0;
										}
									}
								}
							}
						}
						.map-box {
							width: 100%;
							height: 100%;
						}
					}
				}
			}
			.dataScreen-rg {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				width: 30%;
				height: 100%;
				background: url("@/assets/screenImg/commonImg/rightBg.png") no-repeat;
				background-size: 100% 100%;
				.dataScreen-top,
				.dataScreen-bottom {
					position: relative;
					box-sizing: border-box;
					width: 100%;
				}
				.dataScreen-top {
					height: 47%;
					display: flex;
					flex-direction: column;
					.line-chartBox {
						width: 100%;
						flex: 1;
					}
				}
				.dataScreen-bottom {
					height: 53%;
					margin-bottom: 0;
					display: flex;
					flex-direction: column;
					.column-chartBox {
						width: 100%;
						flex: 1;
					}
				}
			}
		}
	}
}

.numColor {
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	line-height: 35px;
	text-shadow: 0px 1px 7px rgba(186, 208, 248, 0.63);
	font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
}

.textColor {
	font-size: 14px;
	color: #dee0e9;
	line-height: 21px;
	letter-spacing: 3px;
}

:deep(.table-box) {
	background: none;
	.el-table__inner-wrapper {
		&::before {
			height: 0;
		}
	}
	.table-head {
		background: rgba(21, 77, 160, 0.2);
		.el-table__cell {
			padding: 10px 0 !important;
			background: none;
			border: none;
		}
		.cell {
			color: #d4edfd !important;
			font-weight: 400 !important;
			text-align: center;
		}
	}
	.table-row {
		background: none;
		.el-table__cell {
			// padding: 10px 0 !important;
			border: none;
			.cell {
				color: rgba(216, 240, 255, 0.8) !important;
				text-align: center;
				.self {
					font-size: 12px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #56caff;
					line-height: 16px;
				}
				.entrust {
					font-size: 14px;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #36e3e3;
					line-height: 16px;
				}
			}
		}
		&.list {
			position: relative;
			&::after {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 1px;
				box-shadow: 0px -1px 8px 2px #0f3691;
				border: 1px solid #b3caff;
			}
			.el-table__cell {
				padding: 15px 0 !important;
			}
		}
		&:hover td.el-table__cell {
			background: none !important;
		}
		&:hover {
			background: linear-gradient(
				270deg,
				rgba(26, 123, 230, 0) 0%,
				rgba(69, 193, 255, 0.8) 100%
			);
		}
	}
}
// 表格滚动hover样式
:deep(.dv-scroll-board) {
	.rows {
		.row-item {
			&:hover {
				background: linear-gradient(
					270deg,
					rgba(26, 123, 230, 0) 0%,
					rgba(69, 193, 255, 0.8) 100%
				);
			}
		}
	}
	&.list {
		.rows {
			.row-item {
				position: relative;
				&::after {
					content: "";
					display: block;
					position: absolute;
					left: 0;
					bottom: 1px;
					width: 100%;
					height: 1px;
					box-shadow: 0px -1px 8px 2px #0f3691;
					border: 1px solid #b3caff;
				}
			}
		}
	}
}

:deep(.info-dialog) {
	background: #142a4b;
	.el-dialog__header {
		span.el-dialog__title {
			color: #d4edfd;
		}
		.el-dialog__headerbtn .el-dialog__close {
			color: #d4edfd;
		}
	}
	.el-dialog__body {
		padding-top: 20px;
		padding-bottom: 20px;
		.dialog-content {
			color: #d4edfd;
			padding: 0 10%;
			font-size: 16px;
		}
	}
	.el-dialog__footer {
		.dialog-footer {
			.el-button {
				color: #d3e3ff;
				border-color: #d4edfd;
				background: rgba(49, 127, 241, 0.2);
				padding: 0px 15px;
			}
		}
	}
}
